<%--
  Created by IntelliJ IDEA.
  User: zzy
  Date: 2025/8/31
  Time: 21:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

//去开票页面

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>发票管理系统</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/admin.css">
    <link rel="stylesheet" href="assets/css/app.css">
    <style>
        .star::before {
            content: '*';
            color: #F56C6C;
            margin-right: 0.020833rem;
        }

        .am-form-horizontal .am-radio {
            padding-top: 3px;
        }

        .am-ucheck-icons {
            line-height: 28px;
        }
    </style>
</head>
<body data-type="generalComponents">
<header class="am-topbar am-topbar-inverse admin-header">
    <div class="am-collapse am-topbar-collapse" id="topbar-collapse">
        <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list tpl-header-list">
            <li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
                <a class="am-dropdown-toggle tpl-header-list-link" href="javascript:;">
                    <span class="tpl-header-list-user-nick">我不是厨神</span>
                    <span class="tpl-header-list-user-ico">
              <img src="assets/img/user04.png">
            </span>
                </a>
                <ul class="am-dropdown-content">
                    <li>
                        <a href="index.jsp">
                            <span class="am-icon-power-off"></span> 退出</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</header>
<div class="tpl-page-container tpl-page-header-fixed">
    <div class="tpl-left-nav tpl-left-nav-hover">
        <div class="tpl-left-nav-list">
            <ul class="tpl-left-nav-menu">
                <li class="tpl-left-nav-item">
                    <a href="javascript:" class="nav-link tpl-left-nav-link-list active">
                        <i class="am-icon-table"></i>
                        <span>发票管理</span>
                        <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate"></i>
                    </a>
                    <ul class="tpl-left-nav-sub-menu" style="display:block">
                        <li>
                            <a href="invoice-list.jsp">
                                <i class="am-icon-angle-right"></i>
                                <span>发票总览管理</span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="tpl-content-wrapper">
        <div class="tpl-content-page-title" style="margin-bottom: 4px;">
            发票开具
        </div>
        <div class="tpl-portlet-components" id="baseinfoDiv">
            <div class="portlet-title">
                <div class="caption font-green bold">
                    选择开票相关订单
                </div>
                <div class="tpl-portlet-input tpl-fz-ml">
                    <div class="portlet-input input-small input-inline">
                        <div class="input-icon right">
                        </div>
                    </div>
                </div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-12">
                    <form class="am-form">
                        <table class="am-table am-table-striped am-table-hover table-main">
                            <thead>
                            <tr>
                                </th>
                                <th class="table-check">

                                </th>
                                <th class="table-title">订单编号</th>

                                <th class="table-author am-hide-sm-only">订单金额（元）</th>
                                <th class="table-date am-hide-sm-only">创建时间</th>
                                <th class="table-related-enterPrise">相关企业</th>
                            </tr>
                            </thead>


                            <tbody id="doc-modal-list-Invoice-body">
                            <%--                            <tr data-id="2">--%>
                            <%--                                <td>--%>
                            <%--                                    <input type="radio" name="checkTick">--%>
                            <%--                                </td>--%>
                            <%--                                <td class="am-hide-sm-only">D20220328000001</td>--%>
                            <%--                                <td class="am-hide-sm-only">1,000,000.00</td>--%>
                            <%--                                <td class="am-hide-sm-only">2021-12-31 12：12：12</td>--%>
                            <%--                            </tr>--%>
                            <%--                            <tr data-id="2">--%>
                            <%--                                <td>--%>
                            <%--                                    <input type="radio" name="checkTick">--%>
                            <%--                                </td>--%>
                            <%--                                <td class="am-hide-sm-only">D20220328000002</td>--%>
                            <%--                                <td class="am-hide-sm-only">1,000,000.00</td>--%>
                            <%--                                <td class="am-hide-sm-only">2021-12-31 12：12：12</td>--%>
                            <%--                            </tr>--%>
                            <%--                            <tr data-id="2">--%>
                            <%--                                <td>--%>
                            <%--                                    <input type="radio" name="checkTick">--%>
                            <%--                                </td>--%>
                            <%--                                <td class="am-hide-sm-only">D20220328000003</td>--%>
                            <%--                                <td class="am-hide-sm-only">1,000,000.00</td>--%>
                            <%--                                <td class="am-hide-sm-only">2021-12-31 12：12：12</td>--%>
                            <%--                            </tr>--%>
                            <%--                            <tr data-id="2">--%>
                            <%--                                <td>--%>
                            <%--                                    <input type="radio" name="checkTick">--%>
                            <%--                                </td>--%>
                            <%--                                <td class="am-hide-sm-only">D20220328000004</td>--%>
                            <%--                                <td class="am-hide-sm-only">1,000,000.00</td>--%>
                            <%--                                <td class="am-hide-sm-only">2021-12-31 12：12：12</td>--%>
                            <%--                            </tr>--%>
                            <%--                            <tr data-id="2">--%>
                            <%--                                <td>--%>
                            <%--                                    <input type="radio" name="checkTick">--%>
                            <%--                                </td>--%>
                            <%--                                <td class="am-hide-sm-only">D20220328000005</td>--%>
                            <%--                                <td class="am-hide-sm-only">1,000,000.00</td>--%>
                            <%--                                <td class="am-hide-sm-only">2021-12-31 12：12：12</td>--%>
                            <%--                            </tr>--%>
                            </tbody>
                            <tfoot id="doc-modal-list-Invoice-foot"></tfoot>


                        </table>
<%--                        <div class="am-cf">--%>
<%--                            <div class="am-fr">--%>
<%--                                <ul class="am-pagination tpl-pagination">--%>
<%--                                    <li class="am-disabled">--%>
<%--                                        <a href="#">«</a>--%>
<%--                                    </li>--%>
<%--                                    <li class="am-active">--%>
<%--                                        <a href="#">1</a>--%>
<%--                                    </li>--%>
<%--                                    <li>--%>
<%--                                        <a href="#">2</a>--%>
<%--                                    </li>--%>
<%--                                    <li>--%>
<%--                                        <a href="#">3</a>--%>
<%--                                    </li>--%>
<%--                                    <li>--%>
<%--                                        <a href="#">4</a>--%>
<%--                                    </li>--%>
<%--                                    <li>--%>
<%--                                        <a href="#">5</a>--%>
<%--                                    </li>--%>
<%--                                    <li>--%>
<%--                                        <a href="#">»</a>--%>
<%--                                    </li>--%>
<%--                                </ul>--%>
<%--                            </div>--%>
<%--                        </div>--%>
                        <hr>
                    </form>
                </div>
            </div>
        </div>
        <div class="tpl-portlet-components" id="showDiv">
            <!-- 表单填写页面 -->
            <div class="tpl-block">
                <div class="">
                    <div class="portlet-title">
                        <div class="caption font-green bold">
                            抬头信息
                        </div>
                        <div class="tpl-portlet-input tpl-fz-ml">
                            <div class="portlet-input input-small input-inline">
                                <div class="input-icon right">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tpl-block ">
                        <div class="am-g tpl-amazeui-form">
                            <div class="am-u-sm-12 am-u-md-6">
                                <form class="am-form am-form-horizontal">
                                    <div class="am-form-group">
                                        <label  class="am-u-sm-3 am-form-label star"> 发票种类</label>
                                        <div class="am-u-sm-3" style="margin-top: 4px;font-size: 16px;"
                                             onclick="selectCategory('ordinary')">
                                            <label class="am-radio">
                                                <input type="radio" class="invoice-category" alt="am-radio-ordinary"
                                                       name="radio1" value="普通增值税发票" data-am-ucheck checked>
                                                普通增值税发票
                                            </label>
                                        </div>
                                        <div class="am-u-sm-6" style="margin-top: 4px;font-size: 16px;"
                                             onclick="selectCategory('appropriative')">
                                            <label class="am-radio">
                                                <input type="radio" class="invoice-category" alt="am-radio-increase"
                                                       name="radio1" value="增值税专用发票" data-am-ucheck> 增值税专用发票
                                            </label>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="am-u-sm-12 am-u-md-6">
                                <form class="am-form am-form-horizontal">
                                    <div class="am-form-group">
                                        <label  class="am-u-sm-3 am-form-label star"> 发票类型</label>
                                        <div class="am-u-sm-3" style="margin-top: 4px;font-size: 16px;"
                                             onclick="selectType('ele')">
                                            <label class="am-radio">
                                                <input type="radio" class="invoice-type" alt="am-radio-elec"
                                                       name="radio1" value="电子发票" data-am-ucheck checked> 电子发票
                                            </label>
                                        </div>
                                        <div class="am-u-sm-6" style="margin-top: 4px;font-size: 16px;"
                                             onclick="selectType('paper')">
                                            <label class="am-radio">
                                                <input type="radio" class="invoice-type" alt="am-radio-paper"
                                                       name="radio1" value="纸质发票" data-am-ucheck> 纸质发票
                                            </label>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <hr>
                        <div>
                            <!-- 1. 普通发票模块（抬头+税号） -->
                            <div id='invoice_ordinary_title' class="am-g tpl-amazeui-form">
                                <div class="am-u-sm-12 am-u-md-6">
                                    <form class="am-form am-form-horizontal">
                                        <div class="am-form-group">
                                            <label class="am-u-sm-3 am-form-label star"> 抬头</label>
                                            <!-- 普通发票抬头容器：ID=ordinary-title -->
                                            <div id="ordinary-title" class="am-u-sm-9"
                                                 style="margin-top: 4px;font-size: 16px;"></div>
                                        </div>
                                    </form>
                                </div>
                                <div class="am-u-sm-12 am-u-md-6">
                                    <form class="am-form am-form-horizontal">
                                        <div class="am-form-group">
                                            <label class="am-u-sm-3 am-form-label">税号</label>
                                            <!-- 普通发票税号容器：ID=ordinary-taxNo -->
                                            <div id="ordinary-taxNo" class="am-u-sm-9"
                                                 style="margin-top: 4px;font-size: 16px;"></div>
                                        </div>
                                    </form>
                                </div>
                            </div>

                            <!-- 2. 专用发票模块（抬头+税号+开户信息等） -->
                            <div id='invoice_appropriative_title' class="am-g tpl-amazeui-form" hidden>
                                <div class="am-u-sm-12 am-u-md-6">
                                    <form class="am-form am-form-horizontal">
                                        <div class="am-form-group">
                                            <label class="am-u-sm-3 am-form-label star"> 抬头</label>
                                            <!-- 专用发票抬头容器：ID=appropriative-title -->
                                            <div id="appropriative-title" class="am-u-sm-9"
                                                 style="margin-top: 4px;font-size: 16px;"></div>
                                        </div>
                                    </form>
                                </div>
                                <div class="am-u-sm-12 am-u-md-6">
                                    <form class="am-form am-form-horizontal">
                                        <div class="am-form-group">
                                            <label class="am-u-sm-3 am-form-label">税号</label>
                                            <!-- 专用发票税号容器：ID=appropriative-taxNo -->
                                            <div id="appropriative-taxNo" class="am-u-sm-9"
                                                 style="margin-top: 4px;font-size: 16px;"></div>
                                        </div>
                                    </form>
                                </div>
                                <div class="am-u-sm-12 am-u-md-6">
                                    <form class="am-form am-form-horizontal">
                                        <div class="am-form-group">
                                            <label class="am-u-sm-3 am-form-label star">开户银行</label>
                                            <!-- 专用发票开户银行容器：ID=appropriative-bankName -->
                                            <div id="appropriative-bankName" class="am-u-sm-9"
                                                 style="margin-top: 4px;font-size: 16px;"></div>
                                        </div>
                                    </form>
                                </div>
                                <div class="am-u-sm-12 am-u-md-6">
                                    <form class="am-form am-form-horizontal">
                                        <div class="am-form-group">
                                            <label class="am-u-sm-3 am-form-label">开户账号</label>
                                            <!-- 专用发票开户账号容器：ID=appropriative-bankAccount -->
                                            <div id="appropriative-bankAccount" class="am-u-sm-9"
                                                 style="margin-top: 4px;font-size: 16px;"></div>
                                        </div>
                                    </form>
                                </div>
                                <div class="am-u-sm-12 am-u-md-6">
                                    <form class="am-form am-form-horizontal">
                                        <div class="am-form-group">
                                            <label class="am-u-sm-3 am-form-label star">注册固定电话</label>
                                            <!-- 专用发票固定电话容器：ID=appropriative-phone -->
                                            <div id="appropriative-phone" class="am-u-sm-9"
                                                 style="margin-top: 4px;font-size: 16px;"></div>
                                        </div>
                                    </form>
                                </div>
                                <div class="am-u-sm-12 am-u-md-6">
                                    <form class="am-form am-form-horizontal">
                                        <div class="am-form-group">
                                            <label class="am-u-sm-3 am-form-label">注册场所地址</label>
                                            <!-- 专用发票注册地址容器：ID=appropriative-address -->
                                            <div id="appropriative-address" class="am-u-sm-9"
                                                 style="margin-top: 4px;font-size: 16px;"></div>
                                        </div>
                                    </form>
                                </div>
                            </div>

                            <!-- 3. 电子发票邮箱模块 -->
                            <div id='invoice_ele_addr' class="am-g tpl-amazeui-form">
                                <div class="am-u-sm-12 am-u-md-6">
                                    <form class="am-form am-form-horizontal">
                                        <div class="am-form-group">
                                            <label class="am-u-sm-3 am-form-label star"> 邮箱</label>
                                            <!-- 电子发票邮箱容器：ID=ele-email -->
                                            <div id="ele-email" class="am-u-sm-9"
                                                 style="margin-top: 4px;font-size: 16px;"></div>
                                        </div>
                                    </form>
                                </div>
                                <div class="am-u-sm-12 am-u-md-6">
                                    <form class="am-form am-form-horizontal">
                                        <div class="am-form-group">
                                            <label class="am-u-sm-3 am-form-label"></label>
                                            <div class="am-u-sm-9" style="margin-top: 4px;font-size: 16px;">
                                                <span id="selectEmail"
                                                      style="color: #23abf0;cursor: pointer;">选择</span>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>

                            <!-- 4. 纸质发票地址模块 -->
                            <div id='invoice_paper_addr' class="am-g tpl-amazeui-form" hidden>
                                <div class="am-u-sm-12 am-u-md-6">
                                    <form class="am-form am-form-horizontal">
                                        <div class="am-form-group">
                                            <label class="am-u-sm-3 am-form-label star">邮寄地址</label>
                                            <!-- 纸质发票地址容器：ID=paper-address -->
                                            <div id="paper-address" class="am-u-sm-9"
                                                 style="margin-top: 4px;font-size: 16px;"></div>
                                        </div>
                                    </form>
                                </div>
                                <div class="am-u-sm-12 am-u-md-6">
                                    <form class="am-form am-form-horizontal">
                                        <div class="am-form-group">
                                            <label class="am-u-sm-3 am-form-label"></label>
                                            <div class="am-u-sm-9" style="margin-top: 4px;font-size: 16px;">
                                                <span id="selectAddress"
                                                      style="color: #23abf0;cursor: pointer;">选择</span>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="text-align: center;margin-top:40px">
                <a class="am-btn am-btn-default" href="invoice-list.jsp">取&nbsp;&nbsp;&nbsp;&nbsp; 消
                </a>
                <a id="submitBtn" class="am-btn am-btn-primary" style="margin-left:20px">提&nbsp;&nbsp;&nbsp;&nbsp; 交
                </a>
            </div>
        </div>
        <div class="tpl-portlet-components" id="resultDiv">
            <!-- 提交成功页面 -->
            <div class="tpl-block ">
                <div class="am-g tpl-amazeui-form">

                    <div class="am-u-sm-12 am-u-md-12">
                        <form class="am-form am-form-horizontal">
                            <div class="am-form-group">
                                <div class="am-u-sm-12" style="margin-top: 4px;text-align: center;margin-bottom: 20px;">
                                    <img src="assets/img/u105.png" alt="" style="width: 120px;">
                                </div>
                                <div class="am-u-sm-12"
                                     style="margin-top: 4px;font-size: 20px;text-align: center;font-weight: bold;margin-bottom: 20px;">
                                    提交申请成功
                                </div>
                                <div class="am-u-sm-12" style="color: #999;font-size:14px;text-align: center;">
                                    已通知审核人员尽快审核，最终结果将以站内信的方式告知您。
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div style="text-align: center;margin-top:40px">
                    <a class="am-btn am-btn-primary" href="invoice-list.jsp">返回列表</a>
                </div>
            </div>
        </div>


        <!-- 选择邮箱弹出框 -->
        <div class="am-modal am-modal-prompt" tabindex="-1" id="my-email">
            <div class="am-modal-dialog">
                <form class="am-form">
                    <legend style="font-size: 18px;padding: 12px 0;">选择邮箱</legend>
                    <table class="am-table am-table-striped am-table-hover table-main">
                        <thead>
                        <tr>
                            <th class="table-check"></th>
                            <th class="table-title" style="text-align: center;">邮箱</th>
                        </tr>
                        </thead>


                        <tbody id="doc-modal-list-email">

                        <tr data-id="2">
                            <td>
                                <label class="am-radio">
                                    <input type="radio" name="radio1" value="" data-am-ucheck>
                                </label>
                            </td>
                            <td class="am-hide-sm-only-1">
                                <%--                                3456789876@qq.com--%>
                            </td>
                        </tr>
                        <tr data-id="2">
                            <td>
                                <label class="am-radio">
                                    <input type="radio" name="radio1" value="" data-am-ucheck>
                                </label>
                            </td>
                            <td class="am-hide-sm-only-2">
                                <%--                                3456789876@qq.com--%>
                            </td>
                        </tr>
                        <tr data-id="2">
                            <td>
                                <label class="am-radio">
                                    <input type="radio" name="radio1" value="" data-am-ucheck>
                                </label>
                            </td>
                            <td class="am-hide-sm-only-3">
                                <%--                                3456789876@qq.com--%>
                            </td>
                        </tr>
                        <tr data-id="2">
                            <td>
                                <label class="am-radio">
                                    <input type="radio" name="radio1" value="" data-am-ucheck checked>
                                </label>
                            </td>
                            <td class="am-hide-sm-only-4">
                                <%--                                3456789876@qq.com--%>
                            </td>
                        </tr>
                        <tr data-id="2">
                            <td>
                                <label class="am-radio">
                                    <input type="radio" name="radio1" value="" data-am-ucheck>
                                </label>
                            </td>
                            <td class="am-hide-sm-only-5">
                                <%--                                3456789876@qq.com--%>
                            </td>
                        </tr>
                        </tbody>

                        <tfoot></tfoot>
                    </table>
                </form>
                <div class="am-modal-footer" style="border-top: 1px solid #dedede;">
                    <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                    <span class="am-modal-btn" data-am-modal-confirm>确定</span>
                </div>
            </div>
        </div>


        <!-- 邮寄地址弹出框 -->
        <div class="am-modal am-modal-prompt" tabindex="-1" id="my-address">
            <div class="am-modal-dialog">
                <form class="am-form">
                    <legend style="font-size: 18px;padding: 12px 0;">选择邮寄地址</legend>
                    <table class="am-table am-table-striped am-table-hover table-main">
                        <thead>
                        <tr>
                            <th class="table-check"></th>
                            <th class="table-title" style="text-align: center;">地址信息</th>
                        </tr>
                        </thead>
                        <tbody id="doc-modal-list-address">
                        <tr data-id="2">
                            <td>
                                <label class="am-radio">
                                    <input type="radio" name="radio1" value="" data-am-ucheck checked>
                                </label>
                            </td>
                            <td class="am-hide-sm-only">
<%--                                南京市建邺区河西大街99号--%>
                            </td>
                        </tr>
                        <tr data-id="2">
                            <td>
                                <label class="am-radio">
                                    <input type="radio" name="radio1" value="" data-am-ucheck>
                                </label>
                            </td>
                            <td class="am-hide-sm-only">
<%--                                南京市建邺区河西大街99号--%>
                            </td>
                        </tr>
                        <tr data-id="2">
                            <td>
                                <label class="am-radio">
                                    <input type="radio" name="radio1" value="" data-am-ucheck>
                                </label>
                            </td>
                            <td class="am-hide-sm-only">
<%--                                南京市建邺区河西大街99号--%>
                            </td>
                        </tr>
                        <tr data-id="2">
                            <td>
                                <label class="am-radio">
                                    <input type="radio" name="radio1" value="" data-am-ucheck>
                                </label>
                            </td>
                            <td class="am-hide-sm-only">
<%--                                南京市建邺区河西大街99号--%>
                            </td>
                        </tr>
                        <tr data-id="2">
                            <td>
                                <label class="am-radio">
                                    <input type="radio" name="radio1" value="" data-am-ucheck>
                                </label>
                            </td>
                            <td class="am-hide-sm-only">
<%--                                南京市建邺区河西大街99号--%>
                            </td>
                        </tr>
                        </tbody>

                        <tfoot></tfoot>
                    </table>
                </form>
                <div class="am-modal-footer" style="border-top: 1px solid #dedede;">
                    <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                    <span class="am-modal-btn" data-am-modal-confirm>确定</span>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="assets/js/jquery-1.8.3.js">
</script>
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/app.js"></script>
<script src="tools.js"></script>
<script>


    $(document).ready(function () {
            show(1)


        }
    )


    //根据订单编号 得到对应抬头信息
    function invoiceSelect(no) {
        $.get()
    }

    //分页部分
    function show(indexpage) {
        // console.log("show function called with params:", indexpage);

        //1.创建加载后，发送异步请求，获得分页数据：
        $.get("invoiceOrder/queryInvoiceOrder", {
            "indexpage": indexpage,
        }, function (ph) {
            // console.log("Received response:", ph);

            console.log(JSON.stringify(ph))
            //1.获得ph里的集合，循环遍历到tbody
            $("#doc-modal-list-Invoice-body").empty();
            for (var i = 0; i < ph.listIndex.length; i++) {
                var obj = ph.listIndex[i];
                // console.log("原始createTime:", obj.createTime);
                $("            <tr>\n" +
                    "<td><input type='radio' name='checktTick' attr='" + (obj.no || "") + "' value='" + obj.id + "'></td>" +
                    "              <td>" + obj.no + "</td>\n" +
                    "                <td>" + obj.totalAmount + "</td>\n" +
                    "                <td>" + formatDate(obj.createTime) + "</td>\n" +
                    "                <td>" + obj.enterpriseName + "</td>\n" +
                    "            </tr>").appendTo("#doc-modal-list-Invoice-body");
            }

            //2.获得ph里的属性，动态添加到tfoot
            $("#doc-modal-list-Invoice-foot").empty();

            // 关键：创建1行1列的单元格，colspan="5"占满5列
            var $tfootTr = $("<tr></tr>");
            var $tfootTd = $("<td colspan='5' style='padding: 15px 0; text-align: center; background: #fafafa;'></td>");
            $tfootTr.append($tfootTd); // 行嵌套单元格
            $("#doc-modal-list-Invoice-foot").append($tfootTr); // 把行加入tfoot

            // 3. 分页元素统一添加到<td>中（不再直接append到tfoot）
            if (ph.pageIndex != 1) {
                // 首页按钮：添加样式避免挤压
                $("<input type='button' value='首页' alt='1' style='margin: 0 5px; padding: 4px 10px; cursor: pointer;'/>")
                    .appendTo($tfootTd);
                $("<input type='button' value='上一页' alt='" + (ph.pageIndex - 1) + "' style='margin: 0 5px; padding: 4px 10px; cursor: pointer;'/>")
                    .appendTo($tfootTd);
            }

            // 页码按钮
            for (var i = 1; i <= ph.pageCount; i++) {
                // 当前页按钮加特殊样式（区分选中状态）
                var pageBtnStyle = "margin: 0 5px; padding: 4px 10px; cursor: pointer;";
                if (i === ph.pageIndex) {
                    pageBtnStyle += "background: #0e90d2; color: #fff; border: none;"; // 选中页高亮
                }
                $("<input type='button' value='" + i + "' alt='" + i + "' style='" + pageBtnStyle + "'/>")
                    .appendTo($tfootTd);
            }

            if (ph.pageIndex != ph.pageCount) {
                // 下一页、尾页按钮
                $("<input type='button' value='下一页' alt='" + (ph.pageIndex + 1) + "' style='margin: 0 5px; padding: 4px 10px; cursor: pointer;'/>")
                    .appendTo($tfootTd);
                $("<input type='button' value='尾页' alt='" + ph.pageCount + "' style='margin: 0 5px; padding: 4px 10px; cursor: pointer;'/>")
                    .appendTo($tfootTd);
            }

            // 分页信息：与按钮保持间距
            $("<b style='margin-left: 15px; color: #666;'>第" + ph.pageIndex + "页/共" + ph.pageCount + "页</b>")
                .appendTo($tfootTd);

            // 4. 绑定分页按钮点击事件（切换页码，原有逻辑补充）
            $tfootTd.find("input[type='button']").click(function () {
                var targetPage = $(this).attr("alt");
                show(targetPage); // 重新加载目标页数据
            });
        });
    }


    $(document).on("click", "input[name='checktTick'], input.invoice-category, input.invoice-type", function () {
        // 核心：无论点击哪个单选框，先找到“已选中的订单单选框”（这是唯一能拿到orderNo的元素）
        var checkedOrder = $("input[name='checktTick']:checked");

        // 1. 若未选中任何订单，直接返回（避免无效逻辑，且不打印错误日志）
        if (checkedOrder.length === 0) {
            // 可选：提示用户先选订单（仅点击发票单选框时提示，避免点击订单未选中时误提示）
            if ($(this).is("input.invoice-category, input.invoice-type")) {
                console.log("请先选择需要开票的订单");
                // alert("请先选择需要开票的订单！"); // 也可加弹窗提示
            }
            return;
        }

        // 2. 从“已选中的订单单选框”中提取orderNo（正确逻辑）
        var orderNo = checkedOrder.attr("attr");
        var orderId = checkedOrder.val(); // 订单ID（按需使用）
        // 3. 获取最新的发票信息（不受当前触发元素影响）
        var invoiceCategory = $("input.invoice-category:checked").val();
        var invoiceType = $("input.invoice-type:checked").val(); // 修复：补充发票类型值（见步骤2）

        // 4. 验证数据（确保orderNo有效）
        if (!orderNo) {
            console.log("订单编号获取失败，请重新选择订单");
            return;
        }

        // 5. 正常执行后续逻辑（调用接口等）
        console.log("订单编号：", orderNo);
        console.log("发票种类（值）：", invoiceCategory);
        console.log("发票类型（值）：", invoiceType); // 现在能正确打印发票类型
        $.get("invoiceOrder/invoiceSelect", {
            "no": orderNo,
        }, function (db) {
            // 接口返回后的处理（如填充抬头信息等）
            console.log(JSON.stringify(db))
            fillInvoiceData(db);

        })  //添加请求失败处理，避免后端报错导致页面无响应
            .fail(function (xhr, status, error) {
                console.error("getDetail接口请求失败：", status, error);
                console.error("后端响应内容：", xhr.responseText);
                fillInvoiceData(null); // 失败时清空页面数据
            });
    });


    // 1. 抽离：填充发票数据到页面，并控制未选择部分隐藏
    function fillInvoiceData(db) {
        // 1. 数据校验：若后端返回空或格式错误，清空所有容器并提示
        if (!db || typeof db !== "object") {
            console.warn("后端返回数据无效，已清空页面信息");
            // 清空普通发票字段
            $("#ordinary-title").text("未选择订单");
            $("#ordinary-taxNo").text("");
            // 清空专用发票字段
            $("#appropriative-title").text("未选择订单");
            $("#appropriative-taxNo").text("");
            $("#appropriative-bankName").text("");
            $("#appropriative-bankAccount").text("");
            $("#appropriative-phone").text("");
            $("#appropriative-address").text("");
            // 清空电子/纸质发票字段
            $("#ele-email").text("");
            $("#paper-address").text("");
            return;
        }

        // 2. 提取后端数据（字段名需与后端返回完全一致！若不一致需修改）
        const invoiceData = {
            title: db.title || "未获取到抬头",        // 企业抬头
            taxNo: db.taxNo || "未获取到税号",        // 税号
            bankName: db.bankName || "未获取到开户银行",// 开户银行
            bankAccount: db.bankAccount || "未获取到开户账号",// 开户账号
            phone: db.phone || "未获取到固定电话",    // 固定电话
            address: db.address || "未获取到注册地址",// 注册地址
            email: db.emailDetail || "未获取到邮箱",  // 电子发票邮箱
            mailAddress: db.mailAddress || db.address || "未获取到邮寄地址"// 纸质发票地址（优先用专用地址，无则复用注册地址）
        };

        // 3. 填充普通发票数据（抬头+税号）
        $("#ordinary-title").text(invoiceData.title);
        $("#ordinary-taxNo").text(invoiceData.taxNo);

        // 4. 填充专用发票数据（所有字段）
        $("#appropriative-title").text(invoiceData.title);
        $("#appropriative-taxNo").text(invoiceData.taxNo);
        $("#appropriative-bankName").text(invoiceData.bankName);
        $("#appropriative-bankAccount").text(invoiceData.bankAccount);
        $("#appropriative-phone").text(invoiceData.phone);
        $("#appropriative-address").text(invoiceData.address);

        // 5. 填充电子/纸质发票数据（根据当前选中的发票类型显示）
        const selectedType = $("input.invoice-type:checked").val();
        if (selectedType === "电子发票") {
            $("#ele-email").text(invoiceData.email);
        } else {
            $("#paper-address").text(invoiceData.mailAddress);
        }

        // 6. 确保当前选中的发票模块显示正确（避免数据填充后模块隐藏）
        const selectedCategory = $("input.invoice-category:checked").val();
        if (selectedCategory === "普通增值税发票") {
            $("#invoice_ordinary_title").show();
            $("#invoice_appropriative_title").hide();
        } else {
            $("#invoice_ordinary_title").hide();
            $("#invoice_appropriative_title").show();
        }
    }


    var baseinfoDiv = document.getElementById('baseinfoDiv')
    var showDiv = document.getElementById('showDiv')
    var resultDiv = document.getElementById('resultDiv')
    resultDiv.style.display = 'none';
    // 提交按钮
    $(function () {
        $('#submitBtn').on('click', function () {

            baseinfoDiv.style.display = 'none';
            showDiv.style.display = 'none';
            resultDiv.style.display = 'block';

            const selectedOrder=$("input[name='checktTick']:checked")  //submitB是对象对象
            const orderId = selectedOrder.val();

            $.ajax({
                url:"invoiceOrder/receivenvoice",
                type:"get",
                data:{id:orderId},
                success:function (b){
                    if (b){
                        console.log("成功");
                    }else {
                        console.log("失败");
                    }
                }
            })

        });
    });
    // 邮寄地址选择按钮
    $(function () {
        $('#selectAddress').on('click', function () {
            $('#my-address').modal(
                {
                    relatedTarget: this,
                    onCancel: function (e) {
                    }
                });
        });   emailAddressList(1);
    });
    // 邮箱选择按钮
    $(function () {
        $('#selectEmail').on('click', function () {
            $('#my-email').modal(
                {
                    relatedTarget: this,
                    onCancel: function (e) {
                        let index = 1;

                    }
                });
            emailList(1)
        });
        // $("#email-confirm-btn").on('click', function () {
        //     // 获取弹窗中选中的邮箱地址（单选框value）
        //     const selectedEmail = $("#email-modal-list input[type='radio']:checked").val();
        //     if (selectedEmail) {
        //         // 填充到电子发票的邮箱容器
        //         $("#ele-email").text(selectedEmail);
        //         // 关闭弹窗
        //         $('#my-email').modal('close');
        //         // 重置页码
        //         currentEmailPage = 1;
        //     } else {
        //         alert("请先选择一个邮箱！");
        //     }
        // });
    });

    // 发票类型切换
    function selectType(val) {
        if (val === 'ele') {    //电子发票
            $('#invoice_ele_addr').show();
            $('#invoice_paper_addr').hide();
        } else if (val === 'paper') {   //纸质发票
            $('#invoice_ele_addr').hide();
            $('#invoice_paper_addr').show();
        }
    }

    function selectCategory(val) {
        if (val === 'ordinary') {        // 普通增值税发票
            $('#invoice_ordinary_title').show();
            $('#invoice_appropriative_title').hide();
        } else if (val === 'appropriative') {         // 专用增值税发票
            $('#invoice_ordinary_title').hide();
            $('#invoice_appropriative_title').show();
        }
    }


    // 重构：加载邮箱数据（仅负责加载，不绑定点击事件）
    // 重构：加载邮箱数据 + 单选框点击赋值逻辑
    function emailList(index) {
        // 1. 发送请求到后端，获取邮箱分页数据
        $.get("invoiceOrder/getEmail", { "indexpage": index }, function (ph) {
            console.log("后端返回的邮箱数据：", ph);
            const emailTableBody = $("#doc-modal-list-email");

            // 2. 清空表格原有数据（避免数据残留）
            emailTableBody.empty();

            // 3. 循环渲染后端返回的所有邮箱数据（动态生成表格行）
            if (ph && ph.listIndex && ph.listIndex.length > 0) {
                for (var i = 0; i < ph.listIndex.length; i++) {
                    var obj = ph.listIndex[i];
                    var email = obj.emailDetail || "未获取到邮箱"; // 后端返回的邮箱值
                    var checkedAttr = (i === 0) ? 'checked="checked"' : ''; // 默认选中第一条

                    // 动态创建表格行（包含单选框和邮箱文本）
                    var $tr = $('<tr data-id="' + (obj.id || i) + '">' +
                        '<td>' +
                        '<label class="am-radio">' +
                        // 关键：给单选框添加自定义属性data-email存储邮箱值（便于后续提取）
                        '<input type="radio" name="radio1" value="' + email + '" data-email="' + email + '" data-am-ucheck ' + checkedAttr + '>' +
                        '</label>' +
                        '</td>' +
                        '<td class="am-hide-sm-only">' + email + '</td>' +
                        '</tr>');
                    emailTableBody.append($tr);
                }

                // 4. 关键步骤：事件委托监听动态单选框的点击事件
                emailTableBody.on("click", "input[name='radio1']", function () {
                    // 提取当前选中单选框的邮箱值（两种方式均可）
                    // 方式1：通过自定义属性data-email获取
                    var selectedEmail = $(this).attr("data-email");
                    // 方式2：通过单选框的value获取（与data-email值一致，二选一即可）
                    // var selectedEmail = $(this).val();

                    // 将选中的邮箱值赋值到页面的邮箱展示部分（ID=ele-email）
                    $("#ele-email").text(selectedEmail);
                    console.log("已选中邮箱：", selectedEmail); // 可选：调试用
                });

                // 5. 初始加载时，默认选中第一条并赋值（避免初始展示为空）
                var defaultEmail = ph.listIndex[0].emailDetail || "未获取到邮箱";
                $("#ele-email").text(defaultEmail);
            } else {
                // 若后端无数据，显示提示并清空展示部分
                emailTableBody.append(`
                <tr>
                    <td colspan="2" style="text-align: center; padding: 10px;">无可用邮箱，请先添加</td>
                </tr>
            `);
                $("#ele-email").text("无可用邮箱"); // 同步清空展示部分
            }

            // 6. 弹窗“确定”按钮事件（保持原有逻辑，可选保留）
            $(".am-modal-confirm").off('click').on('click', function () {
                var selectedEmail = $("#doc-modal-list-email input[name='radio1']:checked").val();
                if (selectedEmail) {
                    $("#ele-email").text(selectedEmail); // 二次确认赋值（确保万无一失）
                    $('#my-email').modal('close'); // 关闭弹窗
                } else {
                    alert("请先选择一个邮箱！");
                }
            });

        }).fail(function (xhr, status, error) {
            // 请求失败处理
            console.error("获取邮箱数据失败：", status, error);
            $("#doc-modal-list-email").empty().append(`
            <tr>
                <td colspan="2" style="text-align: center; color: red; padding: 10px;">加载失败，请重试</td>
            </tr>
        `);
            $("#ele-email").text("加载失败"); // 同步提示失败状态
        });
    }


    // 重构：加载邮箱数据（仅负责加载，不绑定点击事件）
    // 重构：加载邮箱数据 + 单选框点击赋值逻辑
    function emailAddressList(index) {
        // 1. 发送请求到后端，获取邮箱分页数据
        $.get("invoiceOrder/getAddressPage", { "indexpage": index }, function (ph) {
            console.log("后端返回的邮箱数据：", ph);
            const emailTableBody = $("#doc-modal-list-address");

            // 2. 清空表格原有数据（避免数据残留）
            emailTableBody.empty();

            // 3. 循环渲染后端返回的所有邮箱数据（动态生成表格行）
            if (ph && ph.listIndex && ph.listIndex.length > 0) {
                for (var i = 0; i < ph.listIndex.length; i++) {
                    var obj = ph.listIndex[i];
                    var addressDetail = obj.addressDetail || "未获取到邮箱地址"; // 后端返回的邮箱值
                    var checkedAttr = (i === 0) ? 'checked="checked"' : ''; // 默认选中第一条

                    // 动态创建表格行（包含单选框和邮箱文本）
                    var $tr = $('<tr data-id="' + (obj.id || i) + '">' +
                        '<td>' +
                        '<label class="am-radio">' +
                        // 关键：给单选框添加自定义属性data-email存储邮箱值（便于后续提取）
                        '<input type="radio" name="radio1" value="' + addressDetail + '" data-email="' + addressDetail + '" data-am-ucheck ' + checkedAttr + '>' +
                        '</label>' +
                        '</td>' +
                        '<td class="am-hide-sm-only">' + addressDetail + '</td>' +
                        '</tr>');
                    emailTableBody.append($tr);
                }

                // 4. 关键步骤：事件委托监听动态单选框的点击事件
                emailTableBody.on("click", "input[name='radio1']", function () {
                    // 提取当前选中单选框的邮箱值（两种方式均可）
                    // 方式1：通过自定义属性data-email获取
                    var selectedAddress = $(this).attr("data-email");
                    // 方式2：通过单选框的value获取（与data-email值一致，二选一即可）
                    // var selectedEmail = $(this).val();

                    // 将选中的邮箱值赋值到页面的邮箱展示部分（ID=ele-email）
                    $("#paper-address").text(selectedAddress);
                    console.log("已选中邮箱：", selectedAddress); // 可选：调试用
                });

                // 5. 初始加载时，默认选中第一条并赋值（避免初始展示为空）
                var defaultAddress = ph.listIndex[0].addressDetail || "未获取到邮箱";
                $("#paper-address").text(defaultAddress);
            } else {
                // 若后端无数据，显示提示并清空展示部分
                emailTableBody.append(`
                <tr>
                    <td colspan="2" style="text-align: center; padding: 10px;">无可用邮箱，请先添加</td>
                </tr>
            `);
                $("#paper-address").text("无可用邮箱"); // 同步清空展示部分
            }

            // 6. 弹窗“确定”按钮事件（保持原有逻辑，可选保留）
            $(".am-modal-confirm").off('click').on('click', function () {
                var selectedAddress = $("#doc-modal-list-address input[name='radio1']:checked").val();
                if (selectedAddress) {
                    $("#paper-address").text(selectedAddress); // 二次确认赋值（确保万无一失）
                    $('#my-email').modal('close'); // 关闭弹窗
                } else {
                    alert("请先选择一个邮箱！");
                }
            });

        }).fail(function (xhr, status, error) {
            // 请求失败处理
            console.error("获取邮箱数据失败：", status, error);
            $("#doc-modal-list-address").empty().append(`
            <tr>
                <td colspan="2" style="text-align: center; color: red; padding: 10px;">加载失败，请重试</td>
            </tr>
        `);
            $("#paper-address").text("加载失败"); // 同步提示失败状态
        });
    }



</script>
</body>
</html>
